<!DOCTYPE html>
<html class="x-admin-sm">
  
  <head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="../css/font.css">
    <link rel="stylesheet" href="../css/xadmin.css">
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../js/xadmin.js"></script>
    <script type="text/javascript" src="../js/cookie.js"></script>
    <script type="text/javascript" src="../js/http.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  
  <body>
    <div class="x-body">
        <form class="layui-form">
          <div class="layui-form-item">
              <label for="L_username" class="layui-form-label">
                  <span class="x-red">*</span>昵称
              </label>
              <div class="layui-input-inline">
                  <input type="text" id="L_nikename" name="nickName" required="" lay-verify="nickName"
                  autocomplete="off" class="layui-input">
              </div>
          </div>
               <div class="layui-form-item" style="display:none">
              <label for="L_id" class="layui-form-label">
                  <span class="x-red">*</span>id
              </label>
              <div class="layui-input-inline">
                  <input type="text" id="L_id" name="id" required=""   lay-verify="id"
                  autocomplete="off" class="layui-input">
              </div>
          </div>
          <div class="layui-form-item">
              <label for="L_username" class="layui-form-label">
                  <span class="x-red">*</span>登录名
              </label>
              <div class="layui-input-inline">
                  <input type="text" id="L_name" name="name" required="" lay-verify="name" disabled="true "
                  autocomplete="off" class="layui-input">
              </div>
          </div>
          <div class="layui-form-item">
              <label for="L_repass" class="layui-form-label">
              </label>
              <button  class="layui-btn" lay-filter="edit" lay-submit="">
                  	修改
              </button>
          </div>
      </form>
    </div>
    <script>

    function see(id) {
    	layui.use(['form','layer'], function(){
            $ = layui.jquery;
          var form = layui.form
          ,layer = layui.layer;
          
          
    	  mPost("../sys/detail", {'id':id},function(res) {
				if(res.code == 1000) {
					$("#L_nikename").val(res.data.nickName);
					$("#L_name").val(res.data.name);
					$("#L_id").val(res.data.id);
				} else {
					alert(res.msg);
				}
		  },this); 
          
        
          //自定义验证规则
          form.verify({
        	  nickName: function(value){
            	if(!value||value==''){
            		return '请填写昵称';
            	}
            },
            name: function(value){
            	if(!value||value==''){
            		return '请填写登录名';
            	}
            }
            ,pass: [/(.+){6,12}$/, '密码必须6到12位']
            ,password: function(value){
                if($('#L_password').val()!=$('#L_repass').val()){
                    return '两次密码不一致';
                }
            }
          });

          //监听提交
          form.on('submit(edit)', function(data){
          	   mPost("../sys/update", data.field,function(res) {
					if(res.code == 1000) {
						x_admin_father_reload();
						x_admin_close();
					} else {
						alert(res.msg);
					}
				},this);
            return false;
          });
          
          
        });
    }
  </script>
  </body>

</html>